.h-naive-ui-login-box {
  height: 100%;
  /* border: 1px solid blue; */
  display: flex;
  background: #f0f3f8;
}

.h-naive-ui-login-box .h-naive-ui-login-left,
.h-naive-ui-login-right {
  height: 100%;
  /* border: 1px solid red; */
}

.h-naive-ui-login-box .h-naive-ui-login-left {
  width: 45%;
  background: #fff;
  overflow: hidden;
  border-radius: 0 35px 35px 0;
  position: relative;
}


.h-naive-ui-login-box .h-naive-ui-login-left .h-naive-ui-login-left-1,
.h-naive-ui-login-left-2,
.h-naive-ui-login-left-3 {
  background: #06f;
  position: absolute;
}

.h-naive-ui-login-box .h-naive-ui-login-left .h-naive-ui-login-left-img {
  /* width: 70%; */
  /* border: 1px solid red; */
  position: absolute;
  left: 15%;
  top: 15%;
  z-index: 3;
}

.h-naive-ui-login-box .h-naive-ui-login-left .h-naive-ui-login-left-img img {
  /* width: 100%; */
  width: 30vw;
}

.h-naive-ui-login-box .h-naive-ui-login-left .h-naive-ui-login-left-1 {
  width: 40vw;
  height: 30vw;
  border-radius: 100%;
  left: -35%;
  bottom: -30%;
}

.h-naive-ui-login-box .h-naive-ui-login-left .h-naive-ui-login-left-2 {
  width: 30vw;
  height: 20vw;
  border-radius: 100%;
  right: -35%;
  bottom: -30%;
}

.h-naive-ui-login-box .h-naive-ui-login-left .h-naive-ui-login-left-3 {
  width: 20vw;
  height: 15vw;
  border-radius: 100%;
  right: 21%;
  bottom: -18%;
}

.h-naive-ui-login-box .h-naive-ui-login-right {
  width: 55%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid red; */
}

.h-naive-ui-login-box .h-naive-ui-login-right .h-naive-ui-login-right-login {
  width: 50%;
  /* border: 1px solid red; */
}

.h-naive-ui-login-box .h-naive-ui-login-right .h-naive-ui-login-right-login .h-naive-ui-login-right-login-titlle {
  display: flex;
  justify-content: center;
}

.h-naive-ui-login-box .h-naive-ui-login-right .h-naive-ui-login-right-login .h-naive-ui-login-right-login-form {
  margin-top: 6%;

}

.card-tabs .n-tabs-nav--bar-type {
  padding-left: 4px;
}